/* ==================================================
// 
// GazeImg.gQuery.css v1.1.0
// (c) 2020-present, JU Chengren (Ganxiaozhe)
//
// Licensed GPLv3 for open source use
// or GazeImg Commercial License for commercial use
//
// gquery.net/plugins/gazeimg
//
// ================================================*/

body.gi-nobar {overflow: hidden!important;}

.gi-loading {position: relative;background: #000;}
.gi-loading .loader,.gazeimg-content .loader {
	display: block;width: 46px;height: 46px;border-radius: 100%;
	position: absolute;top: calc(50% - 23px);left: calc(50% - 23px);
	border: 4px solid #f3f3f3;border-top: 4px solid transparent;
	animation:gia-spin 0.8s infinite linear;
}
.gi-loading a {
	display: block;text-decoration: none;color: #fff;text-align: center;word-break: break-all;
	position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);
	min-width: 80px;width: 80%;
}
.gi-click {cursor: pointer;}


.gazeimg-container {
	position: fixed;left: 0;top: 0;height: 100%;width: 100%;
	outline: none;z-index: 20020214;
	user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
}
.gazeimg-bg, .gazeimg-inner {position: absolute;top: 0;left: 0;width:100%;height:100%;}
.gazeimg-bg {background: rgb(0,0,0);opacity: 0.85;transition: opacity 0.35s;}
.gazeimg-inner {padding: 50px 0;animation: gia-zoomIn 0.5s;}

.gazeimg-nav {
	position: absolute;top: 0;left: 0;height: 50px;width: 100%;
	display: flex;align-items: center;font-size: 13px;color: #fff;
}
.gazeimg-nav .gazeimg-pages {padding: 12px;}

.gazeimg-stage {width: 100%;height: 100%;display: flex;flex-direction: column;flex-wrap: wrap;}
.gazeimg-slide {
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	display: flex;justify-content: center;align-items: center;
	transition: all 0.3s ease;
}
.gazeimg-content {
	position: absolute;width:52px;height:52px;overflow: visible;
	transform-origin: center;transition: all 0.3s ease;
}
.gazeimg-content .dialog {
	padding: 12px 20px;background: rgb(250,250,250);color: #222;font-size: 1.1em;
}
.gazeimg-content img {
	width: 100%;height: 100%;max-width: 100%;max-height: 100%;
	border: none;padding: 0;margin: 0;
}

.gazeimg-content.zoom-in {cursor: zoom-in;}
.gazeimg-content.zoom-out {cursor: zoom-out;}
.gazeimg-content.grab, .gazeimg-slide.grab .gazeimg-content {
	cursor: grab;
}
.gazeimg-content.grabbing, .gazeimg-container.grabbing .gazeimg-content {
	cursor: grabbing;transition: none;
}
.gazeimg-container.grabbing .gazeimg-slide {transition: none;}

.gazeimg-container.x-grabbing .gazeimg-slide {display: flex!important;}
.gazeimg-slide.prev, .gazeimg-slide.next {display: none;}

@keyframes gia-spin {0% {transform:rotate(0);}100% {transform:rotate(360deg);}}

.gia-fadeIn {animation: gia-fadeIn 1s;}
@keyframes gia-fadeIn {
	from {transform: scale(0.9);opacity: 0;}
	to {transform: scale(1);opacity: 1;}
}

.gia-zoomIn {animation: gia-zoomIn 0.5s;}
@keyframes gia-zoomIn {
	from {transform: scale(0);opacity: 0;}
	to {transform: scale(1);opacity: 1;}
}
.gia-zoomOut {animation: gia-zoomOut 0.5s;}
@keyframes gia-zoomOut {
	form {transform: scale(1);opacity: 1;}
	to {transform: scale(0);opacity: 0;}
}
